import React from 'react'
// 引入Routes和Route路由
import { Routes, Route } from "react-router-dom"
// 引入子组件
import Login from './components/Login'
import Main from './components/Main'

export default function App() {
  return (
    <div className='outer'>
      {/* 所有的Route路由都写在Routes根组件中,包裹在里面,这个组件是react中的,上面引入之后可以直接使用 */}
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="/main" element={<Main />} />
      </Routes>
    </div>
  )
}


// 配置路由三个步骤:
// 1.下载包
// 2.引入BrowserRouter包裹住整个App文件,也就包裹住了所有的子组件
// 3.书写路由配置,在想要展示路由的地方书写路由配置信息